import {
  TimePicker,
  Col,
  Row,
  DataSet,
} from 'choerodon-ui/pro';
import React, {useMemo} from 'react';
import timePickerDS from './timePickerDataSet';


const DatePick: React.FC = ():React.ReactElement => {

  const timeDs:DataSet = useMemo(() => new DataSet(timePickerDS()), []);

  return (
    <Row gutter={10}>
      <Col span={24}>
        <TimePicker dataSet={timeDs} name="time" placeholder={['Start Time', 'End Time']} />
      </Col>
    </Row>
  );
};

export default DatePick;